<template>
  <div>
    <div class="setting-page">
      <div class="setting-page-center">
        <div class="setting-page-left">
          <div class="setting-nav">
            <div class="setting-nav-title">账号设置</div>
            <el-menu>
              <el-menu-item v-for="(item, index) in navsList" :key="index">
                <router-link :to="item.to">{{item.label}}</router-link>
              </el-menu-item>
            </el-menu>
          </div>
        </div>
        <div class="setting-page-rigth">
          <router-view></router-view>
        </div>
      </div>
    </div>
    <page-footer></page-footer>
  </div>
</template>

<script>
import pageFooter from '../../components/page-footer'
export default {
  data() {
    return {
      navsList: [
        { label: '绑定账号', to: '/setting/binding' },
        { label: '修改密码', to: '/setting/password' },
        { label: '隐私设置', to: '/setting/privacy' },
        { label: '银行账户', to: '/setting/bank' }
      ]
    }
  },
  mounted() {},
  methods: {},
  components: {
    pageFooter
  }
}
</script>

<style lang="scss" scoped>
</style>
